home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Resources / Burning & Media / GB-PVR 1.2.13 / GBPVR10213.msi / Cabs.w1.cab / admin.css95 < prev    next >
Text File  |  2007-12-20  |  19KB  |  939 lines
  1. /* 
  2. CSS Layout for the Admin page.
  3. */
  4.  
  5. html {
  6.     overflow-y:hidden;
  7.     overflow-x:hidden;
  8. }
  9.  
  10. #DIV_CONTENTS {
  11.     /* 
  12.     This is the divider line between the header and the content section.
  13.     Specifying any values here will override the default values found in styles.css
  14.     */
  15. }
  16. #ADMIN_HEADER {
  17.     position:absolute; 
  18.     width:100%; 
  19.     height:25px; 
  20.  
  21.     left:0; 
  22.  
  23.     background:#ffffff url("../graphics/main_bg.jpg") repeat-x left top;
  24.     color:#000000;
  25.     overflow:hidden;
  26. }
  27. .forcedScrollbar {
  28.     /* 
  29.     This is a surrounding div which forces the content area to display a scrollbar if it becomes full.
  30.     Height should be set to more than the height of #ADMIN_HEADER (100 pixels more should be sufficient)
  31.     With proper z-indexing, doing this ensures a vertical scrollbar will appear. The extra content is simply hidden behind the
  32.     regular content area which has a higher z-index.
  33.     */
  34.     height:125px;
  35.     overflow:scroll;    /* force scrolling */
  36.     background-color:#b9cfdc;
  37.     
  38.     display:inline-block;
  39.     position:relative;
  40.  
  41.     width:100%;
  42.     
  43.     border-width:0;
  44.     padding:0;
  45. }
  46. .adminLabel {
  47.     font-size:11px;
  48.     font-weight:bold;
  49.     padding-left:3px;
  50.     padding-top:5px;
  51. }
  52. .buttonArea {
  53.     position:absolute;
  54.     left:3px;
  55.  
  56.     display: inline-block;
  57.     border:1px;
  58.     border-style:solid;
  59.     border-color:#b9cfdc;
  60.     padding-top:3px;
  61.     padding-left:3px;
  62.     vertical-align: middle;
  63.     float:left;
  64. }
  65. .errorMsg {
  66.     background-color: #f33;
  67. }
  68.  
  69.  
  70. /* 
  71. CSS Settings for EWA Settings area of Admin page.
  72. */
  73. .EWAConfigFrame {
  74.     position:absolute;
  75.     top:3px;
  76.     left:3px;
  77.     width:95%;
  78.     display: inline-block;
  79.     font-weight:bold;
  80.     text-align:center;
  81.     vertical-align:text-top;
  82.     padding: 0px 3px 3px 3px;
  83.     white-space:nowrap;
  84.     line-height:240px;
  85.     border:1px;
  86.     border-style:solid;
  87.     border-color:#b9cfdc;
  88. }
  89. .EWAConfigHeading {
  90.     position:absolute;
  91.     top:8px;
  92.     left:6px;
  93.     width:95%;
  94.     font-weight:bold;
  95.     background-color:#000000;
  96.     text-align:center;
  97.     padding: 0px 0px 3px 3px;
  98. }
  99. .EWATabsLabel {
  100.     position:absolute;
  101.     top:33px;
  102.     left:18px;
  103.     display: inline-block;
  104.     font-weight:bold;
  105.     text-align:right;
  106.     padding: 0px 3px 3px 3px;
  107.     white-space: nowrap;
  108.     float:left;
  109.     vertical-align: middle;
  110.     line-height: 22px;
  111.     border:1px;
  112.     border-style: solid;
  113.     border-color: #b9cfdc;
  114. }
  115. .EWATabs {
  116.     position:absolute;
  117.     top:33px;
  118.     left:210px;
  119.     padding-top:3px;
  120.     padding-left:3px;
  121.     float:left;
  122.     vertical-align: middle;
  123. }
  124. .autoLoginLabel {
  125.     position:absolute;
  126.     top:68px;
  127.     left:58px;
  128.     display: inline-block;
  129.     font-weight:bold;
  130.     text-align:right;
  131.     padding: 0px 3px 3px 3px;
  132.     white-space: nowrap;
  133.     float:left;
  134.     vertical-align: middle;
  135.     line-height: 22px;
  136.     border:1px;
  137.     border-style: solid;
  138.     border-color: #b9cfdc;
  139. }
  140. .autoLogin {
  141.     position:absolute;
  142.     top:68px;
  143.     left:210px;
  144.     padding-top:3px;
  145.     padding-left:3px;
  146.     float:left;
  147.     vertical-align: middle;
  148. }
  149. .autoLoginButtons {
  150.     position:absolute;
  151.     top:68px;
  152.     left:625px;
  153.     padding-top:3px;
  154.     padding-left:3px;
  155.     vertical-align: middle;
  156.     float:left;
  157. }
  158. .guestLabel {
  159.     position:absolute;
  160.     top:103px;
  161.     left:55px;
  162.     display: inline-block;
  163.     font-weight:bold;
  164.     text-align:right;
  165.     padding: 0px 3px 3px 3px;
  166.     white-space: nowrap;
  167.     float:left;
  168.     vertical-align: middle;
  169.     line-height: 22px;
  170.     border:1px;
  171.     border-style: solid;
  172.     border-color: #b9cfdc;
  173. }
  174. .guestIdLabel {
  175.     position:absolute;
  176.     top:103px;
  177.     left:210px;
  178.     padding-top:3px;
  179.     padding-left:3px;
  180.     float:left;
  181.     vertical-align: middle;
  182. }
  183. .guestUser {
  184.     position:absolute;
  185.     top:103px;
  186.     left:235px;
  187.     padding-top:3px;
  188.     padding-left:3px;
  189.     float:left;
  190.     vertical-align: middle;
  191. }
  192. .guestPasswordLabel {
  193.     position:absolute;
  194.     top:103px;
  195.     left:410px;
  196.     padding-top:3px;
  197.     padding-left:3px;
  198.     float:left;
  199.     vertical-align: middle;
  200. }
  201. .guestPassword {
  202.     position:absolute;
  203.     top:103px;
  204.     left:475px;
  205.     padding-top:3px;
  206.     padding-left:3px;
  207.     float:left;
  208.     vertical-align: middle;
  209. }
  210. .extensionLabel {
  211.     position:absolute;
  212.     top:138px;
  213.     left:88px;
  214.     display: inline-block;
  215.     font-weight:bold;
  216.     text-align:right;
  217.     padding: 0px 3px 3px 3px;
  218.     white-space: nowrap;
  219.     float:left;
  220.     vertical-align: middle;
  221.     line-height: 22px;
  222.     border:1px;
  223.     border-style: solid;
  224.     border-color: #b9cfdc;
  225. }
  226. .playlistExtension {
  227.     position:absolute;
  228.     top:138px;
  229.     left:210px;
  230.     padding-top:3px;
  231.     padding-left:3px;
  232.     float:left;
  233.     vertical-align: middle;
  234. }
  235. .recordingQualityLabel {
  236.     position:absolute;
  237.     top:173px;
  238.     left:42px;
  239.     display: inline-block;
  240.     font-weight:bold;
  241.     text-align:right;
  242.     padding: 0px 3px 3px 3px;
  243.     white-space: nowrap;
  244.     float:left;
  245.     vertical-align: middle;
  246.     line-height: 22px;
  247.     border:1px;
  248.     border-style: solid;
  249.     border-color: #b9cfdc;
  250. }
  251. .recordingQuality {
  252.     position:absolute;
  253.     top:173px;
  254.     left:210px;
  255.     padding-top:3px;
  256.     padding-left:3px;
  257.     float:left;
  258.     vertical-align: middle;
  259. }
  260. .themeLabel {
  261.     position:absolute;
  262.     top:208px;
  263.     left:150px;
  264.     display: inline-block;
  265.     font-weight:bold;
  266.     text-align:right;
  267.     padding: 0px 3px 3px 3px;
  268.     white-space: nowrap;
  269.     float:left;
  270.     vertical-align: middle;
  271.     line-height: 22px;
  272.     border:1px;
  273.     border-style: solid;
  274.     border-color: #b9cfdc;
  275. }
  276. .theme {
  277.     position:absolute;
  278.     top:208px;
  279.     left:210px;
  280.     padding-top:3px;
  281.     padding-left:3px;
  282.     float:left;
  283.     vertical-align: middle;
  284. }
  285.  
  286.  
  287. /* 
  288. CSS Settings for Guide area of Admin page.
  289. */
  290. .EPGFrame {
  291.     position:absolute;
  292.     top:265px;
  293.     left:3px;
  294.     width:95%;
  295.     display: inline-block;
  296.     font-weight:bold;
  297.     text-align:center;
  298.     vertical-align:text-top;
  299.     padding: 0px 3px 3px 3px;
  300.     white-space:nowrap;
  301.     line-height:475px;
  302.     border:1px;
  303.     border-style:solid;
  304.     border-color:#b9cfdc;
  305. }
  306. .EPGHeading {
  307.     position:absolute;
  308.     top:270px;
  309.     left:6px;
  310.     width:95%;
  311.     font-weight:bold;
  312.     background-color:#000000;
  313.     text-align:center;
  314.     padding: 0px 0px 3px 3px;
  315. }
  316. .minuteSpanLabel {
  317.     position:absolute;
  318.     top:295px;
  319.     left:120px;
  320.     display: inline-block;
  321.     font-weight:bold;
  322.     text-align:right;
  323.     padding: 0px 3px 3px 3px;
  324.     white-space: nowrap;
  325.     float:left;
  326.     vertical-align: middle;
  327.     line-height: 22px;
  328.     border:1px;
  329.     border-style: solid;
  330.     border-color: #b9cfdc;
  331. }
  332. .minuteSpan {
  333.     position:absolute;
  334.     top:295px;
  335.     left:210px;
  336.     padding-top:3px;
  337.     padding-left:3px;
  338.     float:left;
  339.     vertical-align: middle;
  340. }
  341. .minuteIntervalLabel {
  342.     position:absolute;
  343.     top:330px;
  344.     left:101px;
  345.     display: inline-block;
  346.     font-weight:bold;
  347.     text-align:right;
  348.     padding: 0px 3px 3px 3px;
  349.     white-space: nowrap;
  350.     float:left;
  351.     vertical-align: middle;
  352.     line-height: 22px;
  353.     border:1px;
  354.     border-style: solid;
  355.     border-color: #b9cfdc;
  356. }
  357. .minuteInterval {
  358.     position:absolute;
  359.     top:330px;
  360.     left:210px;
  361.     padding-top:3px;
  362.     padding-left:3px;
  363.     float:left;
  364.     vertical-align: middle;
  365. }
  366. .minuteSliceLabel {
  367.     position:absolute;
  368.     top:370px;
  369.     left:122px;
  370.     display: inline-block;
  371.     font-weight:bold;
  372.     text-align:right;
  373.     padding: 0px 3px 3px 3px;
  374.     white-space: nowrap;
  375.     float:left;
  376.     vertical-align: middle;
  377.     line-height: 22px;
  378.     border:1px;
  379.     border-style: solid;
  380.     border-color: #b9cfdc;
  381. }
  382. .minuteSlice {
  383.     position:absolute;
  384.     top:370px;
  385.     left:210px;
  386.     padding-top:3px;
  387.     padding-left:3px;
  388.     float:left;
  389.     vertical-align: middle;
  390. }
  391. .timelineRepeateLabel {
  392.     position:absolute;
  393.     top:405px;
  394.     left:98px;
  395.     display: inline-block;
  396.     font-weight:bold;
  397.     text-align:right;
  398.     padding: 0px 3px 3px 3px;
  399.     white-space: nowrap;
  400.     float:left;
  401.     vertical-align: middle;
  402.     line-height: 22px;
  403.     border:1px;
  404.     border-style: solid;
  405.     border-color: #b9cfdc;
  406. }
  407. .timelineRepeate {
  408.     position:absolute;
  409.     top:405px;
  410.     left:210px;
  411.     padding-top:3px;
  412.     padding-left:3px;
  413.     float:left;
  414.     vertical-align: middle;
  415. }
  416. .defaultStartLabel {
  417.     position:absolute;
  418.     top:440px;
  419.     left:50px;
  420.     display: inline-block;
  421.     font-weight:bold;
  422.     text-align:right;
  423.     padding: 0px 3px 3px 3px;
  424.     white-space: nowrap;
  425.     float:left;
  426.     vertical-align: middle;
  427.     line-height: 22px;
  428.     border:1px;
  429.     border-style: solid;
  430.     border-color: #b9cfdc;
  431. }
  432. .defaultStart {
  433.     position:absolute;
  434.     top:440px;
  435.     left:210px;
  436.     padding-top:3px;
  437.     padding-left:3px;
  438.     float:left;
  439.     vertical-align: middle;
  440. }
  441. .reminderNotificationLabel {
  442.     position:absolute;
  443.     top:475px;
  444.     left:66px;
  445.     display: inline-block;
  446.     font-weight:bold;
  447.     text-align:right;
  448.     padding: 0px 3px 3px 3px;
  449.     white-space: nowrap;
  450.     float:left;
  451.     vertical-align: middle;
  452.     line-height: 22px;
  453.     border:1px;
  454.     border-style: solid;
  455.     border-color: #b9cfdc;
  456. }
  457. .reminderNotification {
  458.     position:absolute;
  459.     top:475px;
  460.     left:210px;
  461.     padding-top:3px;
  462.     padding-left:3px;
  463.     float:left;
  464.     vertical-align: middle;
  465. }
  466. .killRemindersLabel {
  467.     position:absolute;
  468.     top:510px;
  469.     left:69px;
  470.     display: inline-block;
  471.     font-weight:bold;
  472.     text-align:right;
  473.     padding: 0px 3px 3px 3px;
  474.     white-space: nowrap;
  475.     float:left;
  476.     vertical-align: middle;
  477.     line-height: 22px;
  478.     border:1px;
  479.     border-style: solid;
  480.     border-color: #b9cfdc;
  481. }
  482. .killRemindersButton {
  483.     position:absolute;
  484.     top:510px;
  485.     left:210px;
  486.     padding-top:3px;
  487.     padding-left:3px;
  488.     float:left;
  489.     vertical-align: middle;
  490. }
  491. .autoSearchLabel {
  492.     position:absolute;
  493.     top:545px;
  494.     left:77px;
  495.     display: inline-block;
  496.     font-weight:bold;
  497.     text-align:right;
  498.     padding: 0px 3px 3px 3px;
  499.     white-space: nowrap;
  500.     float:left;
  501.     vertical-align: middle;
  502.     line-height: 22px;
  503.     border:1px;
  504.     border-style: solid;
  505.     border-color: #b9cfdc;
  506. }
  507. .autoSearch {
  508.     position:absolute;
  509.     top:545px;
  510.     left:210px;
  511.     padding-top:3px;
  512.     padding-left:3px;
  513.     float:left;
  514.     vertical-align: middle;
  515. }
  516. .autoSearchOutline {
  517.     display: inline-block;
  518.     font-weight:bold;
  519.     text-align:right;
  520.     padding: 3px 3px 0px 0px;
  521.     white-space: nowrap;
  522.     line-height: 22px;
  523.     border:0px;
  524.     border-style: solid;
  525.     border-color: #b9cfdc;
  526. }
  527. .autoRecordLabel {
  528.     position:absolute;
  529.     top:545px;
  530.     left:410px;
  531.     display: inline-block;
  532.     font-weight:bold;
  533.     text-align:right;
  534.     padding: 0px 3px 3px 3px;
  535.     white-space: nowrap;
  536.     vertical-align: middle;
  537.     line-height: 22px;
  538.     border:1px;
  539.     border-style: solid;
  540.     border-color: #b9cfdc;
  541. }
  542. .autoRecord {
  543.     position:absolute;
  544.     top:545px;
  545.     left:540px;
  546.     padding-top:3px;
  547.     padding-left:3px;
  548.     float:left;
  549.     vertical-align: middle;
  550. }
  551. .searchDaysLabel {
  552.     position:absolute;
  553.     top:580px;
  554.     left:60px;
  555.     display: inline-block;
  556.     font-weight:bold;
  557.     text-align:right;
  558.     padding: 0px 3px 3px 3px;
  559.     white-space: nowrap;
  560.     vertical-align: middle;
  561.     line-height: 22px;
  562.     border:1px;
  563.     border-style: solid;
  564.     border-color: #b9cfdc;
  565. }
  566. .searchDays {
  567.     position:absolute;
  568.     top:580px;
  569.     left:210px;
  570.     padding-top:3px;
  571.     padding-left:3px;
  572.     float:left;
  573.     vertical-align: middle;
  574. }
  575. .searchButton {
  576.     position:absolute;
  577.     top:580px;
  578.     left:265px;
  579.     padding-top:3px;
  580.     padding-left:3px;
  581.     float:left;
  582.     vertical-align: middle;
  583. }
  584. .programmeItemsLabel {
  585.     position:absolute;
  586.     top:615px;
  587.     left:24px;
  588.     display: inline-block;
  589.     font-weight:bold;
  590.     text-align:right;
  591.     padding: 0px 3px 3px 3px;
  592.     white-space: nowrap;
  593.     vertical-align: middle;
  594.     line-height: 22px;
  595.     border:1px;
  596.     border-style: solid;
  597.     border-color: #b9cfdc;
  598. }
  599. .programmeItems {
  600.     position:absolute;
  601.     top:615px;
  602.     left:210px;
  603.     padding-top:3px;
  604.     padding-left:3px;
  605.     float:left;
  606.     vertical-align: middle;
  607. }
  608. .iconSizeLabel {
  609.     position:absolute;
  610.     top:700px;
  611.     left:91px;
  612.     display: inline-block;
  613.     font-weight:bold;
  614.     text-align:right;
  615.     padding: 0px 3px 3px 3px;
  616.     white-space: nowrap;
  617.     vertical-align: middle;
  618.     line-height: 22px;
  619.     border:1px;
  620.     border-style: solid;
  621.     border-color: #b9cfdc;
  622. }
  623. .iconSize {
  624.     position:absolute;
  625.     top:700px;
  626.     left:210px;
  627.     padding-top:3px;
  628.     padding-left:3px;
  629.     float:left;
  630.     vertical-align: middle;
  631. }
  632. .defaultButton {
  633.     position:absolute;
  634.     top:700px;
  635.     left:350px;
  636.     padding-top:3px;
  637.     padding-left:3px;
  638.     float:left;
  639.     vertical-align: middle;
  640. }
  641.  
  642.  
  643. /* 
  644. CSS Settings for VLC Streamer area of Admin page.
  645. */
  646. .streamerFrame {
  647.     position:absolute;
  648.     top:757px;
  649.     left:3px;
  650.     width:95%;
  651.     display: inline-block;
  652.     font-weight:bold;
  653.     text-align:center;
  654.     vertical-align:text-top;
  655.     padding: 0px 3px 3px 3px;
  656.     white-space:nowrap;
  657.     line-height:175px;
  658.     border:1px;
  659.     border-style:solid;
  660.     border-color:#b9cfdc;
  661. }
  662. .streamerHeading {
  663.     position:absolute;
  664.     top:762px;
  665.     left:6px;
  666.     width:95%;
  667.     font-weight:bold;
  668.     background-color:#000000;
  669.     text-align:center;
  670.     padding: 0px 0px 3px 3px;
  671. }
  672. .VLCLocationLabelV {
  673.     position:absolute;
  674.     top:787px;
  675.     left:75px;
  676.     display: inline-block;
  677.     font-weight:bold;
  678.     text-align:right;
  679.     padding: 0px 3px 3px 3px;
  680.     white-space: nowrap;
  681.     vertical-align: middle;
  682.     line-height: 22px;
  683.     border:1px;
  684.     border-style: solid;
  685.     border-color: #b9cfdc;
  686. }
  687. .VLCLocationV {
  688.     position:absolute;
  689.     top:787px;
  690.     left:210px;
  691.     padding-top:3px;
  692.     padding-left:3px;
  693.     float:left;
  694.     vertical-align: middle;
  695. }
  696. .VLCPlayerLabelV {
  697.     position:absolute;
  698.     top:822px;
  699.     left:65px;
  700.     display: inline-block;
  701.     font-weight:bold;
  702.     text-align:right;
  703.     padding: 0px 3px 3px 3px;
  704.     white-space: nowrap;
  705.     vertical-align: middle;
  706.     line-height: 22px;
  707.     border:1px;
  708.     border-style: solid;
  709.     border-color: #b9cfdc;
  710. }
  711. .VLCPlayerV {
  712.     position:absolute;
  713.     top:822px;
  714.     left:210px;
  715.     padding-top:3px;
  716.     padding-left:3px;
  717.     float:left;
  718.     vertical-align: middle;
  719. }
  720. .VLCLocationLabelA {
  721.     position:absolute;
  722.     top:857px;
  723.     left:75px;
  724.     display: inline-block;
  725.     font-weight:bold;
  726.     text-align:right;
  727.     padding: 0px 3px 3px 3px;
  728.     white-space: nowrap;
  729.     vertical-align: middle;
  730.     line-height: 22px;
  731.     border:1px;
  732.     border-style: solid;
  733.     border-color: #b9cfdc;
  734. }
  735. .VLCLocationA {
  736.     position:absolute;
  737.     top:857px;
  738.     left:210px;
  739.     padding-top:3px;
  740.     padding-left:3px;
  741.     float:left;
  742.     vertical-align: middle;
  743. }
  744. .VLCPlayerLabelA {
  745.     position:absolute;
  746.     top:892px;
  747.     left:65px;
  748.     display: inline-block;
  749.     font-weight:bold;
  750.     text-align:right;
  751.     padding: 0px 3px 3px 3px;
  752.     white-space: nowrap;
  753.     vertical-align: middle;
  754.     line-height: 22px;
  755.     border:1px;
  756.     border-style: solid;
  757.     border-color: #b9cfdc;
  758. }
  759. .VLCPlayerA {
  760.     position:absolute;
  761.     top:892px;
  762.     left:210px;
  763.     padding-top:3px;
  764.     padding-left:3px;
  765.     float:left;
  766.     vertical-align: middle;
  767. }
  768.  
  769. .butSubmit, .butReset, .butInternal, .butNone, .butKillReminders, .butAutoSearch, .butDefaultIcon {
  770.     /* 
  771.     Basic styling for all the buttons on the page
  772.     */
  773.     display: inline-block;
  774.     height: 25px;
  775. }
  776. .butSubmit, .butReset
  777. {
  778.     
  779. }
  780. .butSubmit A, .butReset A, .butInternal A, .butNone A, .butKillReminders A, .butAutoSearch A, .butDefaultIcon A {
  781.     /* 
  782.     Visual styling for all the buttons on the page
  783.     */
  784.     text-decoration: none;
  785.     font-size: 11px;
  786.     font-weight:bold;
  787.  
  788.     display: inline-block;
  789.     
  790.     border: 1px solid #000000;
  791.     margin: 4px 4px 0px 0px;
  792.  
  793.     padding: 2px 6px 2px 6px;
  794.  
  795.     background-color: #0066EE;
  796.     color: #000000;
  797.     
  798.     white-space: nowrap;
  799.     text-align: center;
  800.  
  801.     float:left;
  802. }
  803. .butSubmit A:active, .butReset A:active, .butInternal A:active, .butNone A:active, .butKillReminders A:active, .butAutoSearch A:active, .butDefaultIcon A:active {
  804.     color: #000000;
  805. } 
  806. .butSubmit A:visited, .butReset A:visited, .butInternal A:visited, .butNone A:visited, .butKillReminders A:visited, .butAutoSearch A:visited, .butDefaultIcon A:visited {
  807.     color: #000000;
  808. } 
  809. .butSubmit A:hover, .butReset A:hover, .butInternal A:hover, .butNone A:hover, .butKillReminders A:hover, .butAutoSearch A:hover, .butDefaultIcon A:hover {
  810.     color: #000000;
  811.     background-color: #00BBFF;
  812. }
  813.  
  814. .sep {
  815.     /*
  816.     Separator between links in the lower right of the footer.
  817.     Could also use a background image if desired by moving the text
  818.     off the screen.
  819.     */
  820.     padding-left:5px;
  821.     padding-right:5px;
  822. }
  823. #HIDDEN_TEXT {
  824.     /*
  825.     Hidden section used for custom javascript manipulation.
  826.     Can be used for anything.
  827.     */
  828.     position: absolute;
  829.     top: -9000px;
  830.     left: -9000px;
  831.     width: 0px;
  832.     height: 0px;
  833. }
  834.  
  835. /*
  836. *********************************************************************************************************************
  837. Absolute Positioning and Height                                                            
  838.  
  839. These values are consolidated into one place to make it easier to change size attributes seeing as changing
  840. any one of these values can affect all the others. Main declarations for these values appear earlier in the style sheet
  841. and then actual positioning values here.
  842.  
  843. These values are the key to maintaining proper size, positioning and scrolling behavior.
  844. *********************************************************************************************************************
  845. */
  846.  
  847. BODY {
  848.     /*
  849.     In order to maintain proper positioning and fixed scrolling, these values must be specified.
  850.     In effect, this absolutely positions the main body within the borders of the scrolling area.
  851.     Top value is the same as the top value of #RECORDINGS.
  852.     Bottom value would be the height of the footer area minus the height of the divider    for the footer.
  853.     */
  854.     margin-top:158px;
  855.     margin-bottom:49px;
  856. }
  857. #HEADER {
  858.     /* 
  859.     The height of the entire header area from page top to the bottom of the navigation tabs.
  860.     The actual nav tabs are floated within this div.
  861.     */
  862.     height:92px;
  863. }
  864. #NAV_ROW {
  865.     /* 
  866.     The is the row containing the navigation tabs.
  867.     It is typically positioned at the bottom of the header
  868.     */
  869.     top:62px;
  870. }
  871. #NAV_ROW, #NAV_ROW A {
  872.     /* determines the height of the main navigation tabs */
  873.     height:32px;
  874. }
  875. #DIV_DATELINE {
  876.     /*
  877.     This is the divider line between the main header above and the section containing the server time
  878.      */
  879.     top:91px;
  880. }
  881. #DATELINE {
  882.     /* 
  883.     This is the section containing the server time, date, etc.
  884.     */
  885.     top:92px;
  886. }
  887. #REMINDER_DIV, #DATELINE {
  888.     /* Height of these individual elements would normally be the same as #DATELINE */
  889.     /*    Contains the Genre, date, time and GO button.*/
  890.     height:40px;
  891. }
  892. #ADMIN_HEADER {
  893.     /* 
  894.     This section contains the main, non-scrolling timeline at the top of the content section.
  895.     */
  896.     top:133px;
  897.     height:25px;
  898. }
  899. #DIV_CONTENTS {
  900.     /*
  901.     This is A divider line between any fixed top section within the content area and the content itself.
  902.     This is typically used in the guide page to separate the showtime header from the content.
  903.     In other pages which don't need this functionality it can simply be hidden.
  904.      */
  905.     top:158px;
  906. }
  907. #CONTENTS {
  908.     /* 
  909.     This is the main content area.
  910.     To ensure proper scrolling behavior it MUST be absolutely positioned.
  911.     Both top and bottom values must be specified.
  912.     Top value would be the height of all foxed content above it.
  913.     Bottom value would be the height of the footer area minus the height of the divider    for the footer.
  914.     Values must be tweaked due to differences in how IE and Firefox interpret the box model.
  915.      */
  916.     position:absolute;
  917.     top:190px;
  918.     bottom:47px;
  919. }
  920. #DIV_FOOTER {
  921.     /* 
  922.     The divider between the main content area and the footer.
  923.     It must be absolutely positioned.
  924.     The bottom value would typically be the same as the height of the footer
  925.     */
  926.     bottom:50px;
  927. }
  928. #FOOTER {
  929.     /* 
  930.     Fixed area at the bottom of every page. This must be absolutely posiitioned for proper scrolling
  931.     Certain content will always be contained in this section such as standard GB-PVR documentation links and credits,
  932.     but it contains and left and right section which can be customized on each page.
  933.     
  934.     If the size of the footer changes make sure to adjust the content area's bottom value as well as the
  935.     divider section for the footer.
  936.     */
  937.     height:50px;
  938. }
  939.